body{
	background-color:#1f232b;
	font-size:12px;
}
.mt1{
	margin-top:20px;
}
.c_gray{
	color: #666
}
.box,.head,.foot{
	position: fixed;
	left:50%;
	top:50%;
	margin-left:-155px;
	width:310px;
}
.box{
	height:256px;
	margin-top:-135px;
	border-radius:4px; 
	background:#fff;
}
.head{
	text-align: center;
	color:#fff;
	font-size:24px;
	height: 40px;
	line-height: 40px;
	margin-top:-200px;
}
.foot{
	text-align: center;
	color:#ccc;
	margin-top:140px;
}
.box .title{
	height:34px;
	line-height:34px;
}
.box .title .error_info{
	color: #f80000;
	display: none;
	background:#ffefef;
	padding-left:30px;
}
.box .error .error_info{
	display: block;
} 
.icon_info,.icon_erro{
	width: 16px;
	height: 16px;
}
.icon_info{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-top:-3px;
	background:url(../../assets/images/icon/icon_info.png) no-repeat 0 0;
	background-size:100% 100%;
}
.box .cont{
	padding:14px 30px 0 30px;
}
/**/
.input_box{
	position: relative;
}
.input{
	width: 228px;
	height: 24px;
	line-height: 24px;
	border: 0;
	background:#fff;
	border:1px solid #ccc;
	font-size:14px;
	padding:7px 10px;
	box-sizing: content-box; 
	outline: none;
	border-radius:4px;
}
.input:focus{
	border:1px solid #00ba4e;
	background:#fff;
}
.error .input{
	border:1px solid #ea2a11;
}
.button{
	height: 40px;
	display: block;
	line-height: 40px;
	text-align: center;
	font-size:14px;
	color: #fff;
	background:#00ba4e;
	border:none;
	cursor: pointer;
	border-radius:4px;
}
.button:hover{
	background:#01a345;
	color: #fff;
}
.checkbox{
	width: 14px;
	height: 14px;
	display: inline-block;
	vertical-align: middle;
}
